<template>
  <!-- 列表 -->
  <div >
    <a class="boxson" :href="conurl">
      <img class="left" :src="img" alt="" />
      <div class="right">
        <h4 class="rp1">{{title}}</h4>
        <p class="rp2">{{describe}}</p>
      </div>
    </a>
  </div>
</template>

<script>
export default {
  name: "Zson",
  props:['conurl','img','title','describe']
};
</script>

<style scoped>

.boxson{
  border-radius: .06rem;
  width: 1.83rem;
  height: 0.6rem;
  margin-bottom: .06rem;
  box-shadow: .01rem .01rem .11rem rgb(228, 228, 228);
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 .08rem;
}
.left{
  width: .4rem;
  height: .4rem;
  background-color: rgb(232, 255, 177);
  border-radius: .1rem;
}
.right{
  width: 1.2rem;
  height: .4rem;
  /* box-sizing: border-box;
  border: .01rem solid green; */
}

.rp1{
  /* -webkit-transform: scale(0.833); */
  color:rgb(116, 116, 116);
}
.rp2{
  /* -webkit-transform: scale(0.833); */
  margin-top: .015rem;
  font-size: .1rem;
  color:rgb(161, 161, 161);
}
</style>